.app-scroll-container {
  height: 100%;
  width: 100%;

  .app-scroll-container__header,
  .app-scroll-container__bottom {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .app-scroll-container__middle {
    display: flex;
    width: 100%;
    .app-scroll-container__left,
    .app-scroll-container__center,
    .app-scroll-container__right {
      display: flex;
      flex-direction: column;
      height: 100%;
    }
  }

  .no-style {
    padding: 0;
    margin: 0;
  }

  .overflow-auto {
    overflow: auto;
  }

  // 滚动条样式
  ::-webkit-scrollbar {
    background: transparent;
    width: 4px;
    height: 4px;
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 0;
    box-shadow: none;
    border: 0;
    background-color: #cecece;
  }

  ::-webkit-scrollbar-track {
    border-radius: 0;
    box-shadow: none;
    border: 0;
  }
}
